<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>画廊</title>
<style> 
img  {
    vertical-align: top;
    transition: all .5s;
}
.card:hover img {
    transform: scale(1.1);

}
</style>
</head>
<body><center>
    <table cellspacing="120">
        <tr>
            <td ><div class="card"> <img src="E:\桌面\duanxinyu\img\zz1.jpg" height="300" width="200"></div></td>
            <td><div class="card"> <img src="E:\桌面\duanxinyu\img\zz2.jpg" height="300" width="200"></div></td>
            <td><div class="card"> <img src="E:\桌面\duanxinyu\img\zz3.jpg" height="300" width="200"></div></td>
            <td><div class="card"> <img src="E:\桌面\duanxinyu\img\zz4.jpg" height="300" width="200"></div></td>
        </tr>

</table>
</body>
</html>